<template>
    <el-container>
      <SideMenu/>
      <el-container direction="vertical"> <!-- setup写外面会造成无法识别 要手动加布局vertical -->
        <TopHeader/>
        <el-main>
            <router-view></router-view><!-- 路由承载的其他子页面 -->
        </el-main>
      </el-container>
    </el-container>
        
</template>

<script setup>
import  TopHeader  from "../components/mainbox/TopHeader.vue";
import  SideMenu  from "../components/mainbox/SideMenu.vue";
</script>

<style scoped lang="scss">
  .el-main{
    overflow: auto;
    height: calc(100vh - 60px);
  }
</style>